<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">

<h:head>
	<h:outputStylesheet library="css" name="default.css" />
	<h:outputStylesheet library="css" name="imagens.css" />
</h:head>

<ui:composition template="#{subCategoriaFaces.nomeTemplate}">

	<ui:define name="content">
		<h:form id="formSubCategoria">
			<p:growl id="mensagens" life="#{msg.time_stick}" />

			<p:panel id="painel" >
				<f:facet name="header">
					<div align="left"><h:outputText value="Sub Categoria" styleClass="tituloPainelInterno"/></div>
				</f:facet>
			
				<p:spacer height="2px" />
				
				<p:panel id="painelBusca" header="Pesquisar">
					<f:facet name="header">
						<div align="left"><h:outputText value="Pesquisar" styleClass="tituloPainelInterno"/></div>
					</f:facet>

					<h:outputText value="Sub Categoria " />
					<p:inputText value="#{subCategoriaFaces.subCategoriaBusca}" />
					
					<p:commandButton value="Buscar" id="buscaSubCategoria"
							actionListener="#{subCategoriaFaces.buscarSubCategoria()}" update=":formSubCategoria:tabelaSubCategoria"
							icon="imgPesquisaBasica" style="float:right"
							/>
					<p:tooltip value="Buscar espécies" for="buscaSubCategoria" styleClass="textoToolTip"/>
				</p:panel>
				
				<p:spacer height="2px" />
				
				<p:dataTable value="#{subCategoriaFaces.listaSubCategoria}" var="item" id="tabelaSubCategoria" 
					emptyMessage=" " styleClass="tabelaCompleta"
					rowStyleClass="#{empty rowIx or rowIx mod 2 ne 0 ? 'even-row' : 'odd-row'}" rowIndexVar="rowIx" 
					>
					
					<f:facet name="header">
						<div align="left"><h:outputText value="Sub Categorias" styleClass="tituloPainelInternoComBotao"/></div>
						<div align="right">
            				<p:commandButton value="Novo" id="novaSubCategoria" 
            					actionListener="#{subCategoriaFaces.prepararAdicionar()}"  
								icon="imgAdicionar" update=":formSubCategoria:dialogSubCategoria"
							/>
							<p:tooltip value="Adicionar Sub Categoria" for="novaSubCategoria" styleClass="textoToolTip"/>
						</div>
					</f:facet>
					
					<p:column headerText="Sub Categoria">
						<h:outputText value="#{item.nomeSubCategoria}" />
					</p:column>

					<p:column headerText="Categoria">
						<h:outputText value="#{item.categoriaProcedimento.categoria}" />
					</p:column>

					<p:column headerText="Opções" width="10%">
							<p:commandLink styleClass="ui-icon ui-icon-pencil" 
									actionListener="#{subCategoriaFaces.selecionarRegistro(item.id, true)}"
									update=":formSubCategoria:dialogSubCategoria"
									title="Editar" style="float:left;"
									/>
	
							<p:commandLink styleClass="ui-icon ui-icon-close" 
									actionListener="#{subCategoriaFaces.selecionarRegistro(item.id, false)}"
									update=":formSubCategoria:dialogExcluir"
									title="Excluir" style="float:left;"
									/>

							<p:commandLink styleClass="ui-icon ui-icon-arrowstop-1-s" 
									actionListener="#{subCategoriaFaces.selecionarNoDialog(item)}" rendered="#{racaFaces.isPopup}" />
					</p:column>
				</p:dataTable>
			</p:panel>

			<p:dialog header="Campos SubCategoria" widgetVar="dialogSubCategoria" id="dialogSubCategoria" 
					modal="true" resizable="false" closeOnEscape="true">
					
					<h:panelGrid columns="2">
					
						<h:outputText value="Categoria" />
						<p:selectOneMenu value="#{subCategoriaFaces.subCategoria.categoriaProcedimento}" style="width:100%">
							<f:selectItem itemLabel="Selecione..." itemValue=""/>
							<f:selectItems value="#{subCategoriaFaces.listaCategoriaProcedimento}" var="catProced" 
								itemValue="#{catProced}" itemLabel="#{catProced.categoria}"/>
						</p:selectOneMenu>
						
						<h:outputText value="Nome Sub Categoria" />
						<p:inputText value="#{subCategoriaFaces.subCategoria.nomeSubCategoria}"/>
						
						<h:outputText value="" />
						<p:commandButton value="Adicionar" actionListener="#{subCategoriaFaces.adicionar()}" 
										title="Adicionar Sub Categoria" icon="imgAdicionar"
										update="mensagens :formSubCategoria:tabelaSubCategoria"
										rendered="#{subCategoriaFaces.subCategoria.id == null}"
						/>
						
						<p:commandButton value="Salvar" actionListener="#{subCategoriaFaces.editar()}" 
										title="Editar Sub Categoria" icon="imgSalvar"
										update="mensagens :formSubCategoria:tabelaSubCategoria" 
										rendered="#{subCategoriaFaces.subCategoria.id != null}"
						/>
					</h:panelGrid>
			</p:dialog>
			
			<p:dialog widgetVar="dialogExcluir" id="dialogExcluir" header="Confirmar Exclusão" 
					modal="true" resizable="false" closeOnEscape="true">
				<h:outputText value="Confirma a exclusão da Sub Categoria " /> 
				<br />
				<h:outputText value="#{subCategoriaFaces.subCategoria.nomeSubCategoria} ?" />
				<br />
				<p:commandButton value="Excluir" actionListener="#{subCategoriaFaces.remover()}" 
				update="mensagens :formSubCategoria:tabelaSubCategoria" />
			</p:dialog>
			
		</h:form>
	</ui:define>
</ui:composition>
</html>